<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>

<body>

    <!--table属性
         border 设置边框线宽度 
         width 宽  height 高 可以PX 可以百分比（相对于父元素）
        align 水平对齐 left right center
        bordercolor 线条颜色
        bgcolor 背景颜色
        cellspacing 表格直接的间距
        cellpadding 单元格与内容的间隙
         -->
    <table border="1"  width = "500px" height="500px" 
    align="center" bordercolor = "red" bgcolor = "yellow"
    cellspacing ="0" cellpadding="10"
    >

        <!-- tr 属性
            height 高
        bgcolor 背景颜色
        align 文本对齐方向
        valign 上中下 top middle bottom
        -->
        <tr height = "300" bgcolor = "#00ff00" align="center" valign = "middle" >

            <!-- td 属性  如果一个单元格设置了宽度影响的是一整列的宽度
                 如果一个单元格设置了高度影响的是一行列的高度
                height 高
                width 宽
                bgcolor 背景颜色
                align 文本对齐方向
                valign 上中下 top middle bottom

            -->
            <td bgcolor="#666666" align="right" valign = "top">2222</td>
            <td>2222</td>
            <td>2222</td>

        </tr>
        <tr>
            <td>55555</td>
            <td>55555</td>
            <td>55555</td>

        </tr>

    </table>

    <!-- 快捷创建 -->
    <!-- table>tr*2>td*2 -->


</body>

</html>